<template>
  <div :class="['stepCom', { active:obj.active }]"></div>
</template>

<script>
export default {
  name: 'stepCom',
  props: ['obj'],
  methods: {},
}
</script>
<style lang="scss" scoped>
.stepCom {
  width: 3px;
  height: 8px;
  border-radius: 0;
  top: -4px;
  left: -1px;
  background-color: #ccc;
  position: relative;
  &.active {
    background-color: #3498db;
  }
}
</style>
